<!DOCTYPE html>
<html>
<head>
    <title>Apiote</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="Apiote’s website">
    <meta name="og:description" content="Apiote’s website">
    <meta name="og:title" content="Apiote">
    <meta name="og:image" content="/img/preview.png">
    <meta name="referrer" content="no-referrer">

    <link href="/feed/?format=atom" type="application/atom+xml" rel="alternate" title="Atom feed" />
    <link href="/feed/?format=json" type="application/json" rel="alternate" title="JSON feed" />

    <script src="/js/jquery.min.js"
        integrity="sha512-+NqPlbbtM1QqiK8ZAo4Yrj2c4lNQoGv8P79DPtKzj++l5jnN39rHA/xsqn8zE9l0uSoxaCdrOgFs6yjyfbBxSg=="
        crossorigin="anonymous"></script>

    <link rel="stylesheet" href="/styles/fontawesome.css"
        integrity="sha512-2aMQ3GhGCJX/4f40tbBqCuB4W1WRkxYcR9+bn7WwHOpRPmyWKgTJjEuTdjWMch0fcPfioRQ9zdqc0ffy45+2lA=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="/styles/material-components-web.css"
        integrity="sha512-xKSgTutWqX2F22Uxywtig03sHCUxl4pJw2dzeIxH1EDvbEwhg5M1/KBUvrxNDiTe5HSjHRLdaW6XBhuYawROQw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="/styles/fira.min.css"
        integrity="sha512-jEf2ipTyK37+rvwmgG9886e/Joq2bqciYEXUAZyHmx86yoLxyhX2DO/w7TvykReRK4yOJteokVn1DLHytAsvzQ=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="/styles/plex.min.css"
        integrity="sha512-3MJpT2GuM1SLjy9T9gSOWBl3cWJpuRABFapfiubH6XuK2jLawq8h5h3cSjyU2Ezc9attdv7jO4TpSpREPA6eHQ=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="/styles/material-icons.min.css"
        integrity="sha512-0oMXNxqi/ASlhfm2fCxg2wCl8Wo8HgL7fOgNOIz8P3nwbIe/VBeaC0h8lVz1NH3T4litHeGjshwUZx790RqJqQ=="
        crossorigin="anonymous">

    <link rel="stylesheet" href="/styles/main.css"
        integrity="sha512-djKhjK/Sdfon9o4t/hrscsou5arv5NzRQHRvLf7A+fe+5AzHJR82tjhkXd/ZPu0JssOd6W3N19nD0ntST+4kuw=="
        crossorigin="anonymous">
    <link rel="stylesheet" href="/styles/index.css"
        integrity="sha512-7KFmV0ORi7AtpzmSiYFO1PLAbi6Kf2irynUKukJMmZ4RXCq1FCE3ZKPeZCym86Sk0xVOfG5CAMgTpcvn0qRBXg=="
        crossorigin="anonymous">

    <meta name="theme-color" content="#911f1b">

    <link rel="shortcut icon" href="/img/favicon/favicon.ico">
	<link rel="icon" sizes="16x16 32x32 64x64" href="/img/favicon/favicon.ico">
	<link rel="icon" type="image/png" sizes="196x196" href="/img/favicon/favicon-192.png">
	<link rel="icon" type="image/png" sizes="160x160" href="/img/favicon/favicon-160.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96.png">
	<link rel="icon" type="image/png" sizes="64x64" href="/img/favicon/favicon-64.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16.png">
	<link rel="apple-touch-icon" href="/img/favicon/favicon-57.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/favicon-114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/favicon-72.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/favicon-144.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/favicon-60.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/favicon-120.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/favicon-76.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/favicon-152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/favicon-180.png">
	<meta name="msapplication-TileColor" content="#911f1b">
	<meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png">
    <meta name="msapplication-config" content="/img/favicon/browserconfig.xml">

</head>
<body>
    <div class="drawer-container-flex">
        <aside class="mdc-drawer mdc-drawer--permanent mdc-typography">
            <nav class="mdc-drawer__drawer">
                <header class="mdc-drawer__header">
                    <div class="mdc-drawer__header-content">
                        Where now?
                    </div>
                </header>
                <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item mdc-list-item--activated" href="/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>Home
                    </a>
                    <a class="mdc-list-item" href="/about">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">person</i>About
                    </a>
                    <a class="mdc-list-item" href="/donate">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">attach_money</i>Donate
                    </a>
                    <a class="mdc-list-item" href="/manifestos/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">announcement</i>Manifestos
                    </a>
                    <!-- tod padding
                    <nav class="mdc-drawer__content mdc-list">
                    <a class="mdc-list-item" href="/manifestos/privacy">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true"></i>Privacy
                    </a>
                    </nav>
                    -->
                    <a class="mdc-list-item" href="/programs/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">devices</i>Programs
                    </a>
                    <a class="mdc-list-item" href="/credits/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">copyright</i>Credits and legal
                    </a>
                    <a class="mdc-list-item" href="/contact/">
                        <i class="material-icons mdc-list-item__graphic" aria-hidden="true">contact_support</i>Contact
                    </a>
                    <div class="drawer-bottom">
                        <div class="mdc-drawer__toolbar-spacer"></div>
                        <a href="/about/js.html" data-jslicense="1">
                            JavaScript license information
                        </a>
                    </div>
                </nav>
            </nav>
        </aside>

        <header class="mdc-top-app-bar">
            <div class="mdc-top-app-bar__row">
                <section class="top-bar-menu-button mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
                    <i class="material-icons mdc-top-app-bar__navigation-icon">menu</i>
                </section>
                <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-end" role="toolbar">
                    <a href="https://keybase.io/apiote" class="mdc-top-app-bar__action-item" aria-label="Keybase" alt="Keybase"><i class="fab fa-keybase"></i></a>
                    <a href="https://notabug.org/apiote" class="mdc-top-app-bar__action-item" aria-label="my NotABug" alt="my NotABug"><i class="fab fa-git-square"></i></a>
                    <a href="https://keyserver.ubuntu.com/pks/lookup?op=vindex&search=0x2442e27776e0a578&fingerprint=on" class="material-icons mdc-top-app-bar__action-item" aria-label="GnuPG" alt="GnuPG">
                        <div class="icon16-container"><i class="fas fa-key icon16"></i></div>
                    </a>
                    <a href="https://floss.social/@apiote" class="material-icons mdc-top-app-bar__action-item" aria-label="Mastodon" alt="Mastodon">
                        <div class="icon16-container"><i class="fab fa-mastodon icon16"></i></div>
                    </a>
                </section>
            </div>
        </header>

        <main>
            <div class="mdc-layout-grid">
                <div class="mdc-layout-grid__inner">
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-12-desktop logo-cell">
                        <div class="logo-wrapper">
                            <img src="/img/logo.svg" alt="Logo" id="logo"/>
                        </div>
                        <div class="title">
                            Apiote
                        </div>
                        <div class="subtitle">
                            Yes, it’s me! <a href="/keybase.txt"><sup><i class="material-icons signature">lock</i></sup></a>
                        </div>
                    </div>
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
                        <div class="geek-code-wrapper">
                                <code class="geek-code">
    -----BEGIN GEEK CODE BLOCK-----<br/>
      Version: 3.12<br/>
      GCS d- s-:-- a-- C(++)>$ !U P L+++ E--- W++ N? o? K? w--- O? M-- V?
      PS+++ PE-- Y+ PGP++>+++ t?>+ 5?>++ X?>+ R* !tv b+++ DI+ D? G
      e* h!>--- !r>+++ !z+>+++<br/>
    ------END GEEK CODE BLOCK------
                                </code>
                            <span class="geek-code-sig"><a href="geek-code-3.12.yml"><i class="material-icons signature">lock</i></a></span>
                        </div>
                    </div>
                    <div class="mdc-layout-grid__cell mdc-layout-grid__cell--span-12-tablet mdc-layout-grid__cell--span-12-mobile mdc-layout-grid__cell--span-6-desktop">
                        <div class="geek-code-wrapper">
                                <code class="geek-code">
    -----BEGIN GEEK CODE BLOCK-----<br/>
      Version: 3.20<br/>
      GCS d- s-:-- a- c+++>++++ C(++)>$ B+ 7---- w--- L+++ M-- !u W++ H+++ Z++ 
      F++++ PS+++ PE-- Y+ PGP++>+++ T@ !S J--- R* m+ !tv b+++ DI+ D?
      e* h!>--- A !r>+++ !z+>+++<br/>
    ------END GEEK CODE BLOCK------
                                </code>
                            <span class="geek-code-sig"><a href="geek-code-3.20.yml"><i class="material-icons signature">lock</i></a></span>
                        </div>
                    </div>
                </div>
            </div>
        </main>
    </div>

    <script src="/js/material-components-web.js"
        integrity="sha512-fzmFt2MbZhS3Cwv9gSX+jRqpfUdaKupP0WbJyaK09Och9eMm8n1ol1fnh8EEJ1sH5HzG16etbpejWBEMvXV5ow=="
        crossorigin="anonymous"></script>
    <script>
// @license magnet:?xt=urn:btih:0b31508aeb0634b347b8270c7bee4d411b5d4109&dn=agpl-3.0.txt GNU-AGPL-v3.0
window.mdc.autoInit();
const topAppBarElement = document.querySelector('.mdc-top-app-bar');
let topAppBar = new mdc.topAppBar.MDCTopAppBar(topAppBarElement);

$('.top-bar-menu-button').css('display', 'initial');
$('.mdc-drawer--permanent').removeClass("mdc-drawer--permanent").addClass("mdc-drawer--temporary");
$('.drawer-bottom').css('width', '25%');

let drawer = new mdc.drawer.MDCTemporaryDrawer(document.querySelector('.mdc-drawer--temporary'));
document.querySelector('.mdc-top-app-bar__navigation-icon').addEventListener('click', () => drawer.open = true);
// @license-end
    </script>
</body>
</html>
